<template>
    <a-card title="项目进度" :bordered="false" style="height: 100%;">
        <template #extra>
            <a-button @click="onClose">返回</a-button>
        </template>
        <a-row class="mt-5">
            <a-col :span="24">
                <div style="height: 100%;">
                    <step></step>
                </div>
            </a-col>
            <!-- <a-col :span="4">
                <p>已启动：400</p>
                <p>距结束：400</p>
            </a-col> -->
        </a-row>
    </a-card>
</template>

<script setup name="steps">
import step from './step.vue'
import { progressOptions, roles, tbtypes, xmtypes } from '@/utils/constants.js'
const props = defineProps({
    proId: {
        type: Number,
    },
})
const { proId } = toRefs(props)
const getStep = (pId) => {
    console.log("fatch proId", pId)
}
const emits = defineEmits(['onClose'])
const onClose = (refresh) => {
    emits('onClose', refresh)
};


watch(proId, () => {
    getStep(proId.value);
});
</script>
<style scoped></style>
